<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>AMC Admin sub system</title>

    <script src="lib/js/angular.js"></script>
    <script src="lib/js/ui-bootstrap-tpls.js"></script>
    <script src="lib/js/angular-animate.min.js"></script>

    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="lib/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="lib/css/font-awesome.css" />
    <link rel="stylesheet" type="text/css" href="lib/simple-line-icons-2.4.1/simple-line-icons.css" />
    <link rel="stylesheet" type="text/css" href="lib/css/style.css" />
    <link rel="stylesheet" type="text/css" href="lib/css/style1.css" />

</head>

<body>

    <body id="mimin" class="dashboard">
        <!-- start: Header -->
        <nav class="navbar navbar-default header navbar-fixed-top collapse navbar-collapse navbar-collapse-toolbar">
            <div class="col-md-12 nav-wrapper">
                <div class="navbar-header" style="width:100%;">
                    <a href="#" class="50vw"> 
                             AMC-M 属于你的在线订餐系统
                            </a>

                    <ul class="nav navbar-nav search-nav">
                        <li>
                            <div class="search">
                                <span class="fa fa-search icon-search" style="font-size:23px;"></span>
                                <div class="form-group form-animate-text">
                                    <input class="form-text" required="" type="text">
                                    <span class="bar"></span>
                                    <label class="label-search"> Welcome To Silent Hill </label>
                                </div>
                            </div>
                        </li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right user-nav">
                        <li class="user-name"><span> 美味之家 </span></li>
                        <li class="dropdown avatar-dropdown">
                            <img src="https://static.baydn.com/media/media_store/image/04556d7db74c7496cc9c3b9e97e48685.png" class="img-circle avatar"
                                alt="user name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <ul class="dropdown-menu user-dropdown">
                                <li><a href="#"><span class="fa fa-user"></span> My Profile</a></li>
                                <li><a href="#"><span class="fa fa-calendar"></span> My Calendar</a></li>
                                <li role="separator" class="divider"></li>
                                <li class="more">
                                    <ul>
                                        <li><a href=""><span class="fa fa-cogs"></span></a></li>
                                        <li><a href=""><span class="fa fa-lock"></span></a></li>
                                        <li><a href=""><span class="fa fa-power-off "></span></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#" class="opener-right-menu"><span class="fa fa-coffee"></span></a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- end: Header -->



        <div class="container-fluid mimin-wrapper">

            <!-- start:Left Menu -->
            <div id="left-menu">
                <div class="sub-left-menu scroll" style="overflow: hidden;" tabindex="5000">
                    <ul class="nav nav-list">

                        <li class="time">
                            <h1 class="animated fadeInLeft">21:16</h1>
                            <p class="animated fadeInRight">Friday, September 1st 2017</p>
                        </li>
                        <li class="active ripple">
                            <a class="tree-toggle nav-header"><span class="fa-home fa"></span> Dashboard 
                                    <span class="fa-angle-right fa right-arrow text-right"></span>
                                  </a>
                            <ul class="nav nav-list tree" style="display: none;">
                                <li><a href="dashboard-v1.html">Dashboard v.1</a></li>
                                <li><a href="dashboard-v2.html">Dashboard v.2</a></li>
                            </ul>
                        </li>
                        <li class="ripple">
                            <a class="tree-toggle nav-header">
                                    <span class="fa-diamond fa"></span> Layout
                                    <span class="fa-angle-right fa right-arrow text-right"></span>
                                  </a>
                            <ul class="nav nav-list tree" style="display: none;">
                                <li><a href="topnav.html">Top Navigation</a></li>
                                <li><a href="boxed.html">Boxed</a></li>
                            </ul>
                        </li>
                        <li class="ripple">
                            <a class="tree-toggle nav-header">
                                    <span class="fa-area-chart fa"></span> Charts
                                    <span class="fa-angle-right fa right-arrow text-right"></span>
                                  </a>
                            <ul class="nav nav-list tree" style="display: none;">
                                <li><a href="chartjs.html">ChartJs</a></li>
                                <li><a href="morris.html">Morris</a></li>
                                <li><a href="flot.html">Flot</a></li>
                                <li><a href="sparkline.html">SparkLine</a></li>
                            </ul>
                        </li>






                        <li class="ripple"><a class="tree-toggle nav-header"><span class="fa "></span> MultiLevel  <span class="fa-angle-right fa right-arrow text-right"></span> </a>
                            <ul class="nav nav-list tree" style="display: none;">
                                <li><a href="view-mail.html">Level 1</a></li>
                                <li><a href="view-mail.html">Level 1</a></li>
                                <li class="ripple">
                                    <a class="sub-tree-toggle nav-header">
                                        <span class="fa fa-envelope-o"></span> Level 1
                                        <span class="fa-angle-right fa right-arrow text-right"></span>
                                      </a>
                                    <ul class="nav nav-list sub-tree" style="display: none;">
                                        <li><a href="mail-box.html">Level 2</a></li>
                                        <li><a href="compose-mail.html">Level 2</a></li>
                                        <li><a href="view-mail.html">Level 2</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- end: Left Menu -->

            <!-- start: content -->
            <div id="content">
                <div class="panel" style="padding-bottom:30px;">
                    <div class="panel-body">
                        <div class="col-md-12">
                            <section class="menu-section ">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="navbar-collapse collapse ">
                                                <ul id="menu-top" class="nav navbar-nav navbar-right">
                                                    <li><a class="menu-top-active" href="index.html">Dashboard</a></li>
                                                    <li><a href="ui.html">UI Elements</a></li>
                                                    <li><a href="table.html">Data Tables</a></li>
                                                    <li><a href="forms.html">Forms</a></li>
                                                    <li><a href="login.html">Login Page</a></li>
                                                    <li><a href="blank.html">Blank Page</a></li>

                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </section>
                        </div>
                        <!-- MENU SECTION END-->
                        <div class="col-md-12">
                            <div class="col-md-5 text-right" style="padding-left:10px;">
                                <div class="panel-heading bg-white border-none">
                                    <div class="col-md-6 col-sm-6 col-xs-6 text-left padding-0">
                                        <h4 class="text-left">菜品</h4>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                        <h4>
                                            <span class="icon-user icons icon text-right"></span>
                                        </h4>
                                    </div>
                                </div>
                                <div class="panel-body text-center">
                                    <h1>51181,320</h1>
                                    <p> 新评论！</p>
                                    <hr>
                                </div>
                            </div>
                            <div class="col-md-5 text-right" style="padding-left:10px;">
                                <div class="panel-heading bg-white border-none">
                                    <div class="col-md-6 col-sm-6 col-xs-6 text-left padding-0">
                                        <h4 class="text-left"> 订单 </h4>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                        <h4>
                                            <span class="icon-basket-loaded icons icon text-right"></span>
                                        </h4>
                                    </div>
                                </div>
                                <div class="panel-body text-center">
                                    <h1>51181,320</h1>
                                    <p> 新订单！</p>
                                    <hr>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="col-md-12">
                                    <img src="the-end.gif" height="150px" />
                                </div>
                                <div class="col-md-12">
                                    急速送餐中...
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                

                <footer style="z-index:2;position:fixed;bottom:0;width:100%;height:60px;margin-top:60px;">
                    <h6>关于我们</h6>
                    <p>中国上海/2014年8月14日 — 服务于中国及全球华人社群的领先在线媒体公司新浪公司(NASDAQ GS: SINA)今日公布了截至2014年6月30日的第二季度未经审计的财务报告。
                    </p>
                </footer>
                <!--页脚结束-->
                <!-- end: footer -->


            </div>
        </div>
        <!-- end: content -->

        <script>
            // IIFE 
            (function () {
                var app = angular.module('myApp', ['ui.bootstrap']);
                app.controller('myCtrl', function ($scope, $modalInstance, $http) {
                    
                }); // end of myCtrl
            })();
        </script>


    </body>

</html>